import Layout from "@/pages/Layout/index";
import Login from '@/pages/Login/index'
import {createBrowserRouter} from "react-router-dom"
import { AuthRoute } from "@/components/AuthRoute";
import { Suspense, lazy } from "react";

// 1.lazy函数对组件进行导入

const Home = lazy(()=>import('@/pages/Home'))
const Article = lazy(()=>import('@/pages/Article'))
const Publish = lazy(()=>import('@/pages/Publish'))

const router = createBrowserRouter([
    {
        path:'/',
        element:<AuthRoute><Layout/></AuthRoute>,
        children:[
            {
                path:'/home',
                element:<Suspense fallback={'加载中'}><Home></Home></Suspense>
            },
            {
                path:'/article',
                element:<Suspense fallback={'加载中'}><Article></Article></Suspense>
            },
            {
                path:'/publish',
                element:<Suspense fallback={'加载中'}><Publish></Publish></Suspense>
            },
        ]
    },
    {
        path:'/login',
        element:<Login/>
    },
])

export default router